.yun-sidebar {
  background-color: $base-bg;
  .ys--link {
    color: $item-color;
    border-radius: 3rem;
    &_exact-active,
    &_group_open {
      color: $item-hover-color;
      background-color: $item-hover-bg;
    }
    &.ys--link_active {
      color: $base-bg;
      background-color: $item-color;
      box-shadow: 0 6px 14px 2px rgba(0,0,0,.2);
      & .ys--icon {
        color: $base-bg !important;
      }
      &_hover,
      &:hover {
        color: $base-bg;
        background-color: $item-color;
      }
    }
    &_hover,
    &:hover {
      color: $item-hover-color;
      background-color: $item-hover-bg;
    }
  }

  hr{
    background-color: $item-color;
  }
  .ys--icon {
    color: $icon-color !important;
  }

  .ys--header {
    img{
      position: relative;
      left: -80px;
      filter: drop-shadow($item-color 80px 0);
    }
    span{
      color: $item-color;
    }
  }
}